<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title><tiles:insertAttribute name="title" ignore="true" /></title>

<tiles:insertAttribute name="head" ignore="true" />

<style>

/* body { */
/* 	background: black; */
/* 	color: white; */
/* } */

/* body h1 { */
/* 	color: White; */
/* 	text-decoration: underline; */
/* } */

/* body #errores { */
/* 	color: red; */
/* } */

/* ul,ol { */
/* 	list-style: none; */
/* } */

/* .nav li { */
/* 	min-width: 18%; */
/* 	vertical-align: middle; */
/* 	text-align: center; */
/* 	padding-top: 15px; */
/* 	height: 38px; */
/* 	background-color: #2F3288; */
/* 	display: block; */
/* } */

/* .nav li:hover { */
	
/* } */

/* .nav li:hover>ul { */
/* 	display: block; */
/* 	width: 25%; */
/* 	padding-top: 16px; */
/* } */

/* .nav li:hover>ul li { */
/* 	min-width: 370px; */
/* 	height: 25px; */
/* } */

/* .nav li:hover>ul li a { */
/* 	min-width: 370px; */
/* 	height: 25px; */
/* 	padding-top: -5px; */
/* } */

/* .nav li a { */
/* 	color: #fff; */
/* 	text-decoration: none; */
/* 	font-size: 18px; */
/* 	font-weight: bold; */
/* 	padding: 10px 15px; */
/* 	vertical-align: middle; */
/* } */

/* .nav>li { */
/* 	float: left; */
/* } */

/* .nav li a:hover { */
/* 	cursor: hand; */
/* } */

/* .nav li ul { */
/* 	display: none; */
/* 	position: absolute; */
/* 	min-width: 140px; */
/* } */

/* UL.nav { */
/* 	clear: both; */
/* } */

	#sucessMessage {
    text-align: center;
    font-weight: bolder;
    color:  #6A2A91;
    list-style: none;
    margin: auto;
}

.errorMessage {
    text-align: center;
    font-weight: bolder;
    color: red;
    list-style: none;
    width: 350px;
    margin: auto;
}
	body { 
    margin: 0 auto; 
    background: #f5f5f5; 	
    color: #555;	 
    width: 800px; 
 
    /* make reference to the Yanone Kaffeesatz font */
    font-family: 'Yanone Kaffeesatz', arial, sans-serif;
	}
	label {	
	    font-size: 20px;
	    color: #666; 
	}
	form { 
	    float: left;
	    border: 1px solid #ddd; 
	    padding: 30px 40px 20px 40px; 
	    margin: 75px 0 0 0;
	    width: 715px;
	    background: #fff;
	}
ul {
			font-family: Arial, Verdana;
			font-size: 14px;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		ul li {
			display: block;
			position: relative;
			float: left;
		}
		li ul { display: none; }
		ul li a {
			display: block;
			text-decoration: none;
			color: #ffffff;
			border-top: 1px solid #ffffff;
			padding: 5px 15px 5px 15px;
			background: #2C5463;
			margin-left: 1px;
			white-space: nowrap;
		}
		
		ul li a:hover { background: #617F8A; }
		li:hover ul { 
			display: block; 
			position: absolute;
		}
		li:hover li { 
			float: none;
			font-size: 11px;
		}
		li:hover a { background: #617F8A; }
		li:hover li a:hover { background: #95A9B1; 
		}
		
		table.hovertable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.hovertable th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.hovertable tr {
	background-color:#d4e3e5;
}
table.hovertable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
</style>
</style>
</head>
<body>

	<div id="container">
		<div id="header">
			<tiles:insertAttribute name="header" />
		</div>
		<div id="menu">
			<tiles:insertAttribute name="menu" />
		</div>
		<div id="pageContent">
			<tiles:insertAttribute name="pageContent" />
		</div>
	</div>

</body>
</html>